<section id="reserve" class="content-section scrollable-y content-logged">
	<article>
		<header>
			<h3>Reservas</h3>
		</header>
		<form>
			<label>Fecha</label>
			<input type="datetime-local" />
			<label>Localización</label>
			<input type="text" onclick="js:jq('#select-table-modal').modal(); return false;" />
			<div id="select-table-modal" class="modal hide fade">
			  <div class="modal-header">
			    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			    <h3>Selecciona una mesa</h3>
			  </div>
			  <div class="modal-body">
			  	<div id="M01" class="reservable-table has-next"></div>
				<div id="M02" class="reservable-table has-next"></div>
				<div id="M03" class="reservable-table has-next"></div>
				<div id="M04" class="reservable-table has-next"></div>
				<div class="clear"></div>
				<div id="M05" class="reservable-table has-next"></div>
				<div id="M06" class="reservable-table has-next"></div>
				<div id="M07" class="reservable-table has-next"></div>
				<div id="M08" class="reservable-table has-next"></div>
				<div class="clear"></div>
				<div id="M09" class="reservable-table has-next"></div>
				<div id="M10" class="reservable-table has-next"></div>
				<div id="M11" class="reservable-table has-next"></div>
				<div id="M12" class="reservable-table has-next"></div>
				<div class="clear"></div>
				<div id="M13" class="reservable-table has-next"></div>
				<div id="M14" class="reservable-table has-next"></div>
				<div id="M15" class="reservable-table has-next"></div>
				<div id="M16" class="reservable-table has-next"></div>
				<div class="clear"></div>
			  </div>
			</div>
	
		</form>
	</article>	
</section>